<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-BR">
<head runat="server">
	<title>Checklist</title>
	<meta name="description" content="Test Checklist" />
	<meta name="keywords" content="Test Checklist" />
	
	<meta name="copyright" content="F.biz" />
	<meta name="author" content="F.biz - http://www.fbiz.com.br/ mcarneiro@fbiz.com.br" />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="robots" content="INDEX, FOLLOW" />

	<link rel="stylesheet" type="text/css" href="css/structure.css" media="screen" />
	
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/external/jquery.cookie.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/checklist/control.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/checklist/page.js" type="text/javascript" charset="utf-8"></script>
	
</head>
<body>
	<div class="percent-holder" id="percentHolder">
		<div class="percent">
			<div class="percent-label"> 0% </div>
		</div>
	</div>
	<div class="wrapper">
		<div class="message" id="message">
			Clique para inserir um texto! --&gt;
		</div>
		<ul class="functions">
			<li>
				<a id="callCreate" href="#create" title="ATENÇÃO: mecânica baseada em cookies, ou seja, existe limite para quantidade de linhas.">[ Criar um "projeto" local ]</a>
			</li>
			<li>
				<a id="callClear" href="#clear">[ Limpar ]</a>
			</li>
			<li>
				<a id="callExport" href="#export" title="solução temporária pra gerar backup do conteúdo">[ Exportar ]</a>
			</li>
		</ul>
		<table border="0" cellspacing="0" cellpadding="0" class="checklist">
			<tr>
				<th class="desc">Checklist <sup>0.1</sup></th>
				<th class="browser ie6">
					<span class="ico">IE 6</span>
				</th>
				<th class="browser ie7">
					<span class="ico">IE 7</span>
				</th>
				<th class="browser ie8">
					<span class="ico">IE 8</span>
				</th>
				<th class="browser ff">
					<span class="ico">FF</span>
				</th>
				<th class="browser wk">
					<span class="ico">Webkit</span>
				</th>
			</tr>
			<tr class="template">
				<td class="desc"> &nbsp; </td>
				<td class="browser ie6">
					<label for="c1"> <input type="checkbox" name="percent" id="c1" /> </label>
				</td>
				<td class="browser ie7">
					<label for="c2"> <input type="checkbox" name="percent" id="c2" /> </label>
				</td>
				<td class="browser ie8">
					<label for="c3"> <input type="checkbox" name="percent" id="c3" /> </label>
				</td>
				<td class="browser ff">
					<label for="c4"> <input type="checkbox" name="percent" id="c4" /> </label>
				</td>
				<td class="browser wk">
					<label for="c5"> <input type="checkbox" name="percent" id="c5" /> </label>
				</td>
			</tr>
		</table>
	</div>
</body>
</html>